<template>
	<div>
		<view>
			<u-navbar :is-back="true" :back-text="backText" :title="title" :title-color="color"
				:background="background">
			</u-navbar>
		</view>
		<view class="text-area">
			<text class="title">aaaa</text>
		</view>
		<view class="text-area">
			<button @click="back">返回上一页</button>
		</view>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				backText: '返回',
				// userList: store.state.userList
				userName: '我是父组件中的值',
				keyword: '',
				title: 'dog',
				color: '#ffffff',
				background: {
					// backgroundColor: '#001f3f',

					// 导航栏背景图
					// background: 'url(https://cdn.uviewui.com/uview/swiper/1.jpg) no-repeat',
					// 还可以设置背景图size属性
					// backgroundSize: 'cover',
					// 渐变色
					backgroundImage: 'linear-gradient(45deg, rgb(28, 187, 180), rgb(141, 198, 63))'
				},
			}
		},
		onLoad() {
			// console.log(this.$route.query.id)
		},

		// computed和methods的区别为在<text class="age">{{getAge}}</text> 
		// 中使用方法getAge，computed不用添加括号，methods则需要添加括号getAge()
		computed: {},
		onBackPress(e) {
			// this.$router.replace({
			// 			path:'/pages/index/index',
			// 			query: {
			// 			id:2222
			// 			}
			// 				})

			this.$router.replace({
				path: '/pages/index/index'
			})

			return true;
		},
		methods: {
			back: function() {
				uni.switchTab({
					url: '/pages/index/index'
				})
				// this.$router.replace({
				// 	path: '/pages/index/index'
				// })

			}
		}
	}
</script>

<style>
</style>
